<template>
	<view>
		<view class="service" id="msglistview">
			<view class="data">
				<text>上午12:35</text>
			</view>
			<view class="conten">
				爱贝丽客服为您服务
			</view>
		</view>
		<view class="footer">
			<input class="input" v-model="text" type="text" value="" @send="submit(text)" />
			<image class="service-img" src="../../static/good/bq.png" mode=""></image>
			<image class="service-img" src="../../static/good/zk.png" mode=""></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		mounted() {
		
		},
		updated() {
			
		},
		methods: {
		
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #F7F7F7;

		.service {
			width: 100%;
			height: 100%;

			.data {
				margin: 32rpx auto;
				display: flex;
				align-items: center;
				justify-content: center;

				text {
					padding: 14rpx 20rpx;
					display: inline-block;
					background: rgba(255, 255, 255, 1);
					border-radius: 8rpx;
					font-size: 22rpx;
					font-family: PingFang SC;
					font-weight: bold;
					color: rgba(51, 51, 51, 1);
				}
			}

			.conten {
				width: 100%;
				margin-top: 23rpx;
				text-align: center;
				font-size: 22rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: rgba(153, 153, 153, 1);
			}
		}

		.footer {
			padding: 10rpx 21rpx;
			position: fixed;
			bottom: 0rpx;
			left: 0rpx;
			right: 0rpx;
			background-color: #ffffff;
			display: flex;
			justify-content: space-between;
			align-items: center;

			.input {
				width: 77%;
				height: 80rpx;
				background: rgba(247, 247, 247, 1);
				border-radius: 16rpx;
			}

			.service-img {
				width: 56rpx;
				height: 56rpx;
			}
		}
	}
</style>
